<template>
	<view class="">
		<u-cell-group>
			<u-cell icon="car-fill" title="车牌号"  :value="carinfo.car_number"></u-cell>
			<u-cell icon="integral-fill" title="车位" :value="carinfo.place_number+'号车位' "></u-cell>
			<u-cell icon="minus-square-fill" title="车辆状态" :value='carinfo.car_state'></u-cell>
			<u-cell icon="edit-pen-fill" title="开卡类型" :value='carinfo.is_vip'></u-cell>
			<u-cell icon="clock-fill" title="开卡时间" :value='carinfo.open_vip_time'></u-cell>
			<u-cell icon="clock-fill" title="过期时间" :value='carinfo.past_vip'></u-cell>
			<view class="btn_box">
				<u-button type="primary" text="退出" @click='linkindex()'></u-button>
			</view>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				car_number: '0', //车牌号
				carinfo: {}, //车辆信息对象
			};
		},
		mounted() {
			this.car_number= uni.getStorageSync('car_number'); //获取本地储存的车牌号
			setTimeout(()=>{
				this.getcarnumberinfo() 
			},100)
		},
		methods: {
			// 根据车牌号获取该车牌信息
			async getcarnumberinfo(cb) {
				const {
					data: res
				} = await uni.$http.get('/car_info/get/info', {
					'car_number': this.car_number,
				})
				if (res.code === 200) {
					this.carinfo = res.data
						this.iscarstate() // 格式化车辆状态
						cb && cb() //如果 cb 存在（非空），则执行 cb 函数，用于关闭下拉加载刷新
				} else {
					cb && cb() //如果 cb 存在（非空），则执行 cb 函数，用于关闭下拉加载刷新
					// 弹出失败提示框
					uni.showToast({
						title: res.msg, // 提示的文字内容
						icon: 'error' // 提示图标
					});
				}
			},
			// 格式化状态
			iscarstate(){
				if (this.carinfo.car_state===0){
					this.carinfo.car_state='故障'
				}else{
					this.carinfo.car_state='正常'
				}
			},
			// 回到主页
			linkindex(){
				uni.redirectTo({
					url: '/pages/index/index',
				});
			},
			// 下拉刷新
			onPullDownRefresh(){
				// 重置关键数据
				this.isloading=false
				this.carinfo={}
				// 重新获取数据，()=>uni.stopPullDownRefresh()是一个回调函数,作用是获取成功后关闭下拉刷新加载
				this.getcarnumberinfo(()=>uni.stopPullDownRefresh())
			},
		}
	}
</script>

<style lang="scss" scoped>
.btn_box {
		margin-top: 10px;
	}
</style>